<template>
	<view class="Setupthe">
		<!-- <view @tap="changeLang" class="Setupthe-two">
			<view>语言</view>
			<view>
				<view class="setting-free" style="display: flex;">
					<view></view>
					<view><image style="width:19upx;height: 35upx;" src="../../static/assert/more-icon.png" mode=""></image></view>
				</view>
			</view>
		</view> -->
		<view class="Setupthe-one"><button @tap="bindLogin">退出登录</button></view>
	</view>
</template>

<script>
import { mapState, mapMutations } from 'vuex';
export default {
	data() {
		return {};
	},

	methods: {
		bindLogin() {
			window.localStorage.clear();
			this.$store.commit('user/LOGIN_INFO', null);
			uni.switchTab({
				url:"./index"
			})
		},

		computed: {
			...mapState(['lang']),
			...mapMutations('user', ['logout']),
			// ...mapMutations(['changeLang']),
			...mapState('user', ['LOGIN_INFO'])
		}
	}
};
</script>

<style lang="scss" scoped>
.Setupthe {
	padding: 0 31upx;
	.Setupthe-two {
		display: flex;
		justify-content: space-between;
		border-bottom: 2upx solid #f0f0f0;
		margin-top: 49upx;

		& > view:nth-child(1) {
			font-size: 26upx;
			font-family: PingFang-SC-Regular;
			font-weight: 400;
			color: rgba(45, 47, 86, 1);
		}
		& > view:nth-child(2) {
			font-size: 26upx;
			font-family: PingFang-SC-Regular;
			font-weight: 400;
			color: rgba(45, 47, 86, 1);
			.setting-free {
				& > view:nth-child(1) {
					font-size: 26upx;
					font-family: PingFang-SC-Regular;
					font-weight: 400;
					color: rgba(45, 47, 86, 1);
				}
				& > view:nth-child(2) {
					margin-top: 6upx;
					margin-left: 21upx;
				}
			}
		}
	}
	.Setupthe-one button {
		width: 92%;
		height: 80upx;
		background: linear-gradient(-90deg, rgba(104, 129, 255, 1), rgba(115, 156, 255, 1));
		border-radius: 10upx;
		position: absolute;
		bottom: 89upx;
		font-size: 32upx;
		font-family: PingFang-SC-Regular;
		font-weight: 400;
		color: rgba(254, 254, 255, 1);
	}
}
</style>
